<template>
<onekit-page>
<onekit-view onekit-class="container">
	<div is="onekit-template-head" :DATA="`${JSON.stringify({title:'image'})}`"></div>
	<onekit-view onekit-class="page-body">
		<onekit-view onekit-class="page-section page-section-gap">
			<onekit-view onekit-class="page-section-title">Local Image</onekit-view>
			<onekit-view onekit-class="page-section-ctn">
				<onekit-image onekit-class="image" src="../../resources/pic/1.jpg"></onekit-image>
			</onekit-view>
		</onekit-view>
		<onekit-view onekit-class="page-section page-section-gap">
			<onekit-view onekit-class="page-section-title">Internet Image</onekit-view>
			<onekit-view onekit-class="page-section-ctn">
				<onekit-image onekit-class="image" :src="imageUrl"></onekit-image>
			</onekit-view>
		</onekit-view>
		<onekit-view onekit-class="page-section page-section-gap">
			<onekit-view onekit-class="page-section-title">Webp Image</onekit-view>
			<onekit-view onekit-class="page-section-ctn">
				<onekit-image onekit-class="image" webp :src="webpImageUrl" mode="aspectFit"></onekit-image>
			</onekit-view>
		</onekit-view>
	</onekit-view>
	<div is="onekit-template-foot"></div>
</onekit-view>
</onekit-page></template>
<script>
/* eslint-disable */
import Vue from 'vue';
import onekit_template_0 from '../../../../page/common/head.head.vue';Vue.component('onekit-template-head',onekit_template_0);
import onekit_template_1 from '../../../../page/common/foot.foot.vue';Vue.component('onekit-template-foot',onekit_template_1);
const ONEKIT_JSON= {
  "navigationBarTitleText": "image",
  "usingComponents": {
    
  }
};
const ONEKIT_SJS = {
};
import wx from '../../../../../weixin2vue/wx.js';
import Macro from '../../../../../weixin2vue/Macro.js';
const {getApp,getCurrentPages} = Macro;
import Page from '../../../../../weixin2vue/OnekitPage.js';
import Component from '../../../../../weixin2vue/OnekitComponent.js';
export default Page(ONEKIT_JSON,["imageUrl","webpImageUrl"],ONEKIT_SJS,{
    "onShareAppMessage"(){
      return {
        "title":'image',
        "path":'page/component/pages/image/image'
};
    },
    "onLoad"(){
      wx.cloud.getTempFileURL({
        "fileList":[
          {
              "fileID":'cloud://release-b86096.7265-release-b86096-1258211818/开发者社区.webp',
              "maxAge":60 * 60
}
        ]
}).then((res)=>{
      console.log(res);
      this.setData({
          "webpImageUrl":res.fileList[0].tempFileURL
});
    }).catch((error)=>{console.log('CLOUD：image 临时链接获取失败')});
    },
    "data":{
        "imageUrl":'cloud://release-b86096.7265-release-b86096-1258211818/demo.jpg',
        "webpImageURL":''
}
});

</script>
<style 
 lang="css">
.page-section-ctn {
  text-align: center ;
}
.image {
  margin-top: 15px ;
  width: 345px ;
  height: 225px ;
}
</style>